<template>
  <div class="list">
    <ul>
      <li>
        <img src="../../assets/images/list1.png" alt="" />
        <p>我用过的产品</p>
        <span>></span>
      </li>
      <li class="banner">
        <img src="../../assets/images/banner@2x.png" alt="" />
      </li>
      <li>
        <img src="../../assets/images/list2.png" alt="" />
        <p>我收藏的产品</p>
        <span>></span>
      </li>
      <li>
        <img src="../../assets/images/list3.png" alt="" />
        <p>我关注的品牌</p>
        <span>></span>
      </li>
      <li class="xian"></li>
      <li>
        <img src="../../assets/images/list4.png" alt="" />
        <p>我发布的帖子</p>
        <span>></span>
      </li>
      <li>
        <img src="../../assets/images/list5.png" alt="" />
        <p>我收藏的文章</p>
        <span>></span>
      </li>
      <li>
        <img src="../../assets/images/list6.png" alt="" />
        <p>我收藏的帖子</p>
        <span>></span>
      </li>
      <li>
        <img src="../../assets/images/list7.png" alt="" />
        <p>我的订单管理</p>
        <span>></span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.list {
  ul {
    height: 982px;
    width: 100%;

    .banner {
      height: 168px;
      width: 100%;
      padding: 0;

      img {
        height: 100%;
        width: 100%;
      }
    }

    .xian {
      height: 22px;
      width: 100%;
      background: #eeeeee;
    }

    li {
      height: 103px;
      width: 100%;
      border-bottom: 1px solid #f1f1f1;
      display: flex;
      align-items: center;
      position: relative;
      padding-left: 34px;

      img {
        width: 36px;
        height: 40px;
      }

      p {
        width: 186px;
        height: 29px;
        font-size: 30px;
        font-family: PingFang;
        font-weight: bold;
        color: #010101;
        margin-left: 34px;
        letter-spacing: 1px;
      }

      span {
        color: #b9b9b9;
        position: absolute;
        right: 37px;
        display: block;
        font-size: 40px;
      }
    }
  }
}
</style>
